<template>
  <div class="withoutData">
    <div class="image"></div>
    <p>{{ label }}</p>
  </div>
</template>

<script>
export default {
  props: {
    label: {
      type: String,
      default: '没有数据'
    }
  }
}
</script>

<style lang="scss" scoped>
  @import "../../assets/css/pub";

  .withoutData {
    padding-top: 50%;
    .image {
      width: .85rem;
      height: .55rem;
      margin: 0 auto;
      @include backimg('./image/withoutData')
    }
    p {
      font-size: .3125rem;
      margin-top: .0625rem;
      text-align: center;
    }
  }
</style>
